import OStyle from './index.less';
function ExaminationItem(props: { queItem: any; queIndex: number }) {
  const { queItem, queIndex } = props;
  return (
    <div className={OStyle.list_item} key={queIndex}>
      <p className={OStyle.exa_name}>
        <span className={OStyle.name_order}>{queIndex + 1}、</span>
        <span className={OStyle.name_text}>{queItem.content}</span>
      </p>
      <div className={OStyle.exa_sel_ans}>
        {queItem.selectItemDtoList.map((selItem: any, selIndex: number) => (
          <p className={OStyle.sel_item} key={selIndex}>
            <span>{selItem.itemCode}、</span>
            <span>{selItem.itemValue}</span>
          </p>
        ))}
        <p className={OStyle.exa_ans}>
          <span>答案：</span>
          {(queItem.anwserItemList || queItem.answerList).map((ansName: any, ansIndex: number) => (
            <span key={ansIndex}>{ansName} &nbsp;</span>
          ))}
        </p>
      </div>
    </div>
  );
}

export default ExaminationItem;
